<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
  <link rel="stylesheet" href="./css/logon.css">
  <link rel="stylesheet" href="./css/reset.css">
</head>
<body>
  <div class="heard">
    <div class="heard-a">
      <img src="./imgs/logo.png" alt="">
    </div>
  </div>
  <div class="cent">
    <p>荣耀账号登录</p>
  </div>
  <div class="cent-1">
    <div class="cent-1-a">
      <div class="inputbox">
        <input type="text" 
        id="logon_id" 
          name="username" 
          placeholder="手机号" 
          autocomplete="off">
        
      </div>
      <div class="inputbox">
        <input type="password" 
        id="password" 
        name="username" 
        placeholder="密码"
        autocomplete="off">
      </div>
      <div class="inputbox">
        <input type="text" value="验证码">
      </div>
      <p>短信验证码登录</p>
      <div class="cent-1-a-1" id="submit"> 登录</div>
      <div class="cent-1-a-2">
        <a href="">注册</a>
        <em>|</em>
        <a href="">忘记密码</a>
        <em>|</em>
        <a href="">遇到问题</a>
      </div>
      <div class="cent-1-a-3">
        <p >其他方式</p>
      </div>
      <div class="cent-1-a-3">
        <img src="../www/imgs/third_huawei.svg"></img>
        <img src="../www/imgs/third_weixin.svg alt="">
      </div>
    </div>
  </div>

  <div class="end">
    <div class="end-1">
      <a href="">荣耀账号用户协议</a>
        <em>|</em>
        <a href="">关于荣耀账号与隐私的声明</a>
        <em>|</em>
        <a href="">常见问题</a>
        <p>版本所有@2021 保留一切权利</p>
    </div>

  </div>
</body>
<script src="./js/logon.js"></script>
</html>